<!doctype html>
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!-- Consider adding a manifest.appcache: h5bp.com/d/Offline -->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
 <base href="<?php echo base_url() ?>"/>  
  <meta charset="utf-8">
 
  <!-- Use the .htaccess and remove these lines to avoid edge case issues.
       More info: h5bp.com/i/378 -->
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

  <title>Document Management System</title>
  <meta name="description" content="">

  <!-- Mobile viewport optimized: h5bp.com/viewport -->
  <meta name="viewport" content="width=device-width">

  <!-- Place favicon.ico and apple-touch-icon.png in the root directory: mathiasbynens.be/notes/touch-icons -->

  <link rel="stylesheet" href="css/style.css">
  <link rel="stylesheet/less" type="text/css" href="css/elements.less">
  <link rel="stylesheet/less" type="text/css" href="css/main.less">
  <link rel="stylesheet" href="css/login.css" type="text/css" media="screen, projection" />  
 
  

  <!-- More ideas for your <head> here: h5bp.com/d/head-Tips -->

  <!-- All JavaScript at the bottom, except this Modernizr build.
       Modernizr enables HTML5 elements & feature detects for optimal performance.
       Create your own custom Modernizr build: www.modernizr.com/download/ -->
  <script src="js/libs/modernizr-2.5.3.min.js"></script>
  <!-- Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if offline -->
  <script src="js/libs/jquery-1.7.1.min.js"></script> 
  <!-- 
  <link rel="stylesheet/less" type="text/css" href="css/main.less">
  
  -->
  <script src="js/libs/less.js" type="text/javascript"></script>
  
  <script type="text/javascript">
    $(function(){
        
        setTimeout(function(){
              $('#errMessage').fadeOut(12000);
        },1000)
    });
  </script>
  <!--  
  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
  <script>window.jQuery || document.write('<script src="js/libs/jquery-1.7.1.min.js"><\/script>')</script>
  -->  
</head>
<body>
  <!-- Prompt IE 6 users to install Chrome Frame. Remove this if you support IE 6.
       chromium.org/developers/how-tos/chrome-frame-getting-started -->
  <!--[if lt IE 7]><p class=chromeframe>Your browser is <em>ancient!</em> <a href="http://browsehappy.com/">Upgrade to a different browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to experience this site.</p><![endif]-->
  <header>
    
    <div id="hederBox">
        <div id="containerLogo"></div>
    </div>
  </header>
    <div>
        <div class="contentArea"> 
            <div class="loginFrame">                      
                <div id="pageTitle">Document Management System Portal</div> 
                <div id="errorMsg"><?php echo validation_errors(); ?> </div>
                    <?php echo form_open('welcome/PortalLogin'); ?>   

                    <div id="loginBox">
                    <div class="loginField">Login ID:</div>                     
                    <div class="loginField"><input type="text" size="20" id="username" name="username"/></div>
                    <div class="loginField">Password:</div>
                    <div class="loginField"><input type="password" size="20" id="passowrd" name="password"/></div>                    
                    </div>
                    <div id="errMessageFrame">
                        <div id="errMessage">
                            <?php if (isset($message) && $message!='') echo $message;?></div>
                        </div>
                    <div >
                        <input class="floatLeft" type="submit" value="Login"/>
                        <div class="floatRight">
                            <a style="font-size: 12px; text-decoration: none;" class="blueText" href="forgotpassword.aspx?pid=aotg">Reset Password</a>
                        </div>
                        <div class="floatRight">
                            &nbsp;&nbsp;|&nbsp;&nbsp;
                        </div>
                        <div class="floatRight">
                            <a style="font-size: 12px; text-decoration: none;" class="blueText" href="forgotusername.aspx?pid=aotg">Forgot your Login ID?</a>
                        </div>

                        <div class="floatRight">
                            <a style="font-size: 12px; text-decoration: none;" class="blueText" href="login/register">Dont have an Account? Create one here!</a>
                        </div>
                    </div>
                    <div style="height:30px;"> </div>
                    </form>
                </div>      
                <div class="listerFrame">
                    <div>Did you know....</div>
                    We recently upgraded our system to better serve you. As part of the upgrade, we now use an Login ID for logins. If you are still using an email address to login, please click here to migrate your account to our new system.
                    <div >Today's featured article</div>
            Rochester Castle stands on the east bank of the River Medway in Rochester, Kent, South East England. The 12th-century keep or stone tower, which is the castle's most prominent feature, is one of the best preserved in England or France. Located along the River Medway and Watling Street, Rochester was a strategically important royal castle. The first castle at Rochester was founded in the aftermath of the Norman Conquest.
                </div> 
             </div>     
        </div>
    </div>
  <footer>
    <div style="clear:both;"></div>
      <div class="footerBox">
        <div class="footer">
            <div class="footerLinks">
                <ul class="helpfulLinks">
                    <li>
                    <a target="_blank" href="<?php echo base_url();?>"> <img border="0" src="template/images/lo_logo.jpg"></a>
                    <a target="_blank" href="<?php echo base_url();?>"><img border="0" src="template/images/lo_tnc.gif"></a>
                    <a target="_blank" href="<?php echo base_url();?>"><img border="0" src="template/images/lo_sitem.gif"></a>
                    <a target="_blank" href="<?php echo base_url();?>"><img border="0" src="template/images/lo_contact.gif"></a>
                    <img border="0" style="margin-left:230px;" src="template/images/copyr.gif">
                    </li><li>
                </li></ul>
            </div>
        </div>
    </div>
  </footer>


  <!-- JavaScript at the bottom for fast page loading -->


  <!-- scripts concatenated and minified via build script -->
  <script src="js/plugins.js"></script>
  <script src="js/script.js"></script>
  <!-- end scripts -->

  <!-- Asynchronous Google Analytics snippet. Change UA-XXXXX-X to be your site's ID.
       mathiasbynens.be/notes/async-analytics-snippet -->
  <script>
    var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
    (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
    g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
    s.parentNode.insertBefore(g,s)}(document,'script'));
  </script>
</body>
</html>
                                     
